{config_load file="lang/$language/lang_$language.conf" section="shopping_cart"}


{if 1==1 || $module_content}


	{if $PRODUCTS_COUNT > 3}
<script type="text/javascript" >
{literal}
jQuery(document).ready(function() {
	window.jCarousel_intervalId = window.setInterval(window.jCarousel_slide, 400000);
});
{/literal}
</script>
	{/if}

<link rel="stylesheet" type="text/css" href="/{$tpl_path}css/jCarousel.css">
<div id='carouselCont' class='shoppingCartCS_carouselCont'>
	{if $PRODUCTS_COUNT > 3}
  <div id='leftScroll'><img src='/{$tpl_path}img/jCarousel/left.png' /></div>
	{/if}
    <div id='carouselInner'>
        <ul id='carouselUl{if $PRODUCTS_COUNT <= 3}_not{/if}' style="margin-left:0px;">
{if $PRODUCT_RELATED_CAT}
	{foreach item=product from=$PRODUCT_RELATED_CAT}
			<li>
				<img src="/{$product.image}"><br>
				<div>{$product.price}</div>
				<a href="{$product.link}">{*$product.name} - *}Details</a>
			</li>
	{/foreach}
{/if}

        </ul>
    </div>
	{if $PRODUCTS_COUNT > 3}
  <div id='rightScroll'><img src='/{$tpl_path}img/jCarousel/right.png' /></div>
	{/if}
</div>
{/if}